/* button */
/* TODO: g-icon到时候需要改class名称 */

.el-button + .el-button {
  margin-left: 8px;
}

.el-button:not(.c-icon-button) {
  border-radius: 3px;
  padding-left: 12px;
  padding-right: 12px;
  .g-icon {
    margin-left: -2px; 
  }
}
.el-button.is-disabled:not(.is-text) {
  background: #E8EDF3 !important;
  color: $g-color-n4 !important;
  border-width: 0;

}
.el-button--default.is-text:not(.c-icon-button) {
  padding-left: 8px;
  padding-right: 8px;
  height: 28px;
}
/* 去掉 text按钮 激活状态选中效果 */
.el-button.is-text:not(.is-disabled):active, .el-button.is-text:not(.is-disabled):focus {
  background-color: transparent !important;
}
.c-icon-button {
  height: 32px;
  width: 32px;
}
.el-button--primary.is-text {
  --el-button-text-color: #308BF2;;
}
.el-button.is-plain:active {
  --el-button-hover-border-color: var(--el-color-primary-dark-2);
}
.c-btn32 {
  height: 32px !important;
}

.c-btn28 {
  height: 28px !important;
}
.c-link {
  font-size: 14px;
  color: #435970;
  line-height: 22px;
  cursor: pointer;
  transition: background-size 0.7s;
}
// 链接按钮
.c-link.c-link--default {
  color: #308BF2;
  text-decoration: none;
  background: linear-gradient(to right, #308BF2, #308BF2) no-repeat right bottom;
  background-size: 0 1px;
  &:hover, &:active, &:focus {
    // text-decoration: underline;
    background-size: 100% 1px;
    background-position-x: left;
  }
}
.c-link.c-link--primary {
  color: #435970;
  background: linear-gradient(to right, #435970, #435970) no-repeat right bottom;
  background-size: 0 1px;
  &:hover, &:active, &:focus {
    color: var(--el-color-primary-dark-2);
    // text-decoration: underline;
    background-size: 100% 1px;
    background-position-x: left;
  }
}
.c-link.is-disabled {
  color: #96A7B3 !important;
  background: transparent !important;
  cursor: not-allowed;
  text-decoration: none !important;
}
.c-link.c-link--info.is-disabled {
  text-decoration: underline !important;
} 
.c-link.c-link--info {
  color: #435970;
  text-decoration: underline;
  &:hover, &:active, &:focus {
    color: #0A1F33
  }
}
// 正方形按钮
.g-square-btn {
  padding: 0 8px;
}



